 <div class="main index">
     <div class="banner">
         <div class="swiper-container" id="banner">
             <div class="swiper-wrapper">
                 <div class="swiper-slide">
                     <img src="/static/img/sy-banner.png">
                 </div>
                 <div class="swiper-slide">
                     <img src="/static/img/sy-banner.png">
                 </div>
                 <div class="swiper-slide">
                     <img src="/static/img/sy-banner.png">
                 </div>
             </div>
             <!-- 如果需要分页器 -->
             <div class="swiper-pagination"></div>
         </div>
     </div>
     <div class="basew clearfix">
         <div class="module lxwm fl">
             <div class="basetitel clearfix">
                 <h2 class="t-text">联系方式</h2>

             </div>
             <div class="img">
                 <img src="/static/img/lxfs-pic.png" alt="">
             </div>
             <p>通讯地址：山西省晋中市灵石县坛镇乡后坛村</p>
             <p class="mt5"><span>联系电话：</span>0354-3871703（综合办公室) </p>
             <p><span class="opci0">联系电话：</span>0354-3871555（业务部）</p>
             <p>E-mail邮箱：yfcarbon@163.com</p>
             <p>邮政编码：031300</p>
         </div>
         <div class="module wdcp fr">
             <div class="basetitel clearfix">
                 <h2 class="t-text">公司产品</h2>
                 <a class="more fr" href="/product.html">
                     <img src="/static/img/title-more.png" alt="" srcset="">
                 </a>
             </div>
             <div class="swiper-container banner" id="wdcp">
                 <div class="swiper-wrapper">
                     <div class="swiper-slide">
                         <img src="/static/img/cp/1.png">
                     </div>
                     <div class="swiper-slide">
                         <img src="/static/img/cp/2.png">
                     </div>
                     <div class="swiper-slide">
                         <img src="/static/img/cp/3.png">
                     </div>
                 </div>
                 <!-- 如果需要分页器 -->
                 <div class="swiper-pagination"></div>
             </div>
         </div>
         <div class="module qyxw fl">
             <div class="basetitel clearfix">
                 <h2 class="t-text">企业新闻</h2>
                 <a class="more fr" href="/news.html">
                     <img src="/static/img/title-more.png" alt="" srcset="">
                 </a>
             </div>
             <div class="news-box  ">
                 <div class="borderbt clearfix">
                     <div class="img fl">
                         <img src="" alt="">
                     </div>
                     <div class="news-box-r fl">
                         <p class="title">采用从德国进口的优质碳素</p>
                         <p class="details dhs3">
                             2016第七届中16第七届中国西部环保锅炉及新16第七届中国西部环保锅炉及新16第七届中国西部环保锅炉及新国西部环保锅炉及新型供暖设备展览会”（简称“西部锅炉展”）……</p>
                         <p class="time">2019:10:20 2</p>
                     </div>
                 </div>
             </div>
             <div class="news-ul  ">
                 <div class="news-li">
                     <div class="n-title dh">
                         <i></i> 我是新闻标题 我是新闻标题我是新闻标题我是新闻标题我是新闻标题我是新闻标题我是新闻标题我是新闻标题2</div>
                     <div class="n-time">2019:10:20 2</div>
                 </div>
                 <div class="news-li">
                     <div class="n-title dh">
                         <i></i> 我是新闻标题 我是新闻标题我是新闻标题我是新闻标题我是新闻标题我是新闻标题我是新闻标题我是新闻标题2</div>
                     <div class="n-time">2019:10:20 2</div>
                 </div>
                 <div class="news-li">
                     <div class="n-title dh">
                         <i></i> 我是新闻标题 我是新闻标题我是新闻标题我是新闻标题我是新闻标题我是新闻标题我是新闻标题我是新闻标题2</div>
                     <div class="n-time">2019:10:20 2</div>
                 </div>
             </div>
         </div>
     </div>
     <div class="basew clearfix">
         <div class="module cqfj fl">
             <div class="basetitel clearfix">
                 <h2 class="t-text">厂区风景</h2>
                 <a class="more fr" href="/aboutus.html?show=3">
                     <img src="/static/img/title-more.png" alt="" srcset="">
                 </a>
             </div>
             <ul class="cqfj-ul clearfix">
                 <li>
                     <div class="cqfj-d">
                         <img src="/static/img/cq/pscj.png" alt="">
                         <p>焙烧车间</p>
                     </div>
                 </li>
                 <li>
                     <div class="cqfj-d">
                         <img src="/static/img/cq/cqkj.png" alt="">
                         <p>厂区科技及行政楼</p>
                     </div>
                 </li>
                 <li>
                     <div class="cqfj-d">
                         <img src="/static/img/cq/cuqj.png" alt="">
                         <p>厂区全景</p>
                     </div>

                 </li>
                 <li>
                     <div class="cqfj-d">
                         <img src="/static/img/cq/glb.png" alt="">
                         <p>高楼部</p>
                     </div>
                 </li>
             </ul>
         </div>
         <div class="module gsjs fl">
             <div class="basetitel clearfix">
                 <h2 class="t-text">公司介绍</h2>
                 <a class="more fr" href="/aboutus.html">
                     <img src="/static/img/title-more.png" alt="" srcset="">
                 </a>
             </div>
             <div class="gsjs-box clearfix">
                 <div class="img fl">
                     <img src="/static/img/gywm-qywh.png" alt="">
                 </div>
                 <div class="gsjs-br fl">
                     <p class="gsjs-br-p1">扬帆碳素科技有限公司</p>
                     <p class="gsjs-br-p2 dhs5">
                         灵石县扬帆碳素科技有限公司于2017年7月注册成立，位于交通便利、资源丰富的山西省晋中市灵石县坛镇乡后坛村，主要经营范围为生产、销售大规格超高功率石墨电极，进出口针状焦、石墨电极等。
                         公司投资建设的600mm-800mm大规格超高功率全工序石墨电极项目，占地近500亩，一期项目总投资20亿元，其中固定资产达10亿……</p>
                     <ul class="gsjs-ul">
                         <li class="gsjs-li  gsjs-liline"><a href="/aboutus.html?show=1">
                                 <i class="i1"></i><span>企业文化</span>
                             </a></li>
                         <li class="gsjs-li  gsjs-liline"><a href="/aboutus.html?show=5">
                                 <i class="i2"></i><span>荣誉资质</span>
                             </a></li>
                         <li class="gsjs-li"><a href="/aboutus.html?show=2">
                                 <i class="i3"></i><span>生产环境</span>
                             </a></li>
                     </ul>
                 </div>
             </div>
         </div>
     </div>
 </div>
 <script>
$(function() {
    var mySwiper = new Swiper('#banner', {
        effect: 'coverflow', //滑动效果
        touchAngle: 30, //滑动的角度超过30度无效
        // 轮播图的方向，也可以是vertical方向
        direction: 'horizontal',
        //环形切换关闭
        loop: true,
        // 切换的速度
        speed: 800, //滑动或者自动换页时的速度
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        autoplay: true,
        paginationClickable: true,
        // 这样，即使我们滑动之后， 定时器也不会被清除
        autoplayDisableOnInteraction: true,
    });
    mySwiper.pagination.bullets.css('background', '#098AD2');
    var wdcpSwiper = new Swiper('#wdcp', {
        autoplay: true,
        effect: 'coverflow', //滑动效果
        touchAngle: 30, //滑动的角度超过30度无效
        // 轮播图的方向，也可以是vertical方向
        direction: 'horizontal',
        //环形切换关闭
        loop: true,
        // 切换的速度
        speed: 800, //滑动或者自动换页时的速度
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
            type: 'bullets',
        },
        // 这样，即使我们滑动之后， 定时器也不会被清除
        autoplayDisableOnInteraction: false,
    });

    $(".news-li").on("click", function() {

        window.location.href = "/newsDetails.html"
    })
})
 </script>